<!DOCTYPE html>
<html  lang="zh-CN">
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
    <meta content=always name=referrer>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <link rel="stylesheet" type="text/css" href="__STATIC__/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="__STATIC__/css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="__STATIC__/css/public.css">
    <link rel="stylesheet" type="text/css" href="__STATIC__/css/base.css">
    <script src="__STATIC__/js/jquery-1.11.3.min.js"></script>
    <script src="__STATIC__/layer/layer.js"></script>
    <script src="__STATIC__/js/Validform_v5.3.2_min.js"></script>
    <title>找回密码</title>
</head>
<body style="background: #FAFAFA;">
<div class="wrap">
    <div class="find_pass">
        <div class="logo">
            <img src="__STATIC__/img/logo_ishop.png" style="width: 150px;height:80px;">
        </div>
        <div class="find_content">
            <div class="find_title">找回密码</div>
            <ul class="list_find_cate">
                <li class="active">01/<span>输入登录名</span></li>
                <li>02/<span>验证信息</span></li>
                <li>03/<span>重置密码</span></li>
            </ul>
            <form action="" method="post" id="form">
            <div class="find_step">
                <div class="input-group">
                    <label class="label_con">账户名：</label>
                    <input type="text" placeholder="请输入手机号" class="text" name='username' datatype="m11" errormsg="手机号格式错误！" nullmsg="手机号不能为空！">
                </div>

                <div class="input-group">
                    <input type="button" class="submit" value="提交" id="sub">
                </div>
            </div>
           </form>
        </div>
    </div>
</div>
</body>
<script>
$(function () {
    $.Tipmsg.r = null;
    $.Tipmsg.p = null;
    $.Datatype.m11 = /^1(3|4|5|7|8)\d{9}$/;
    $("#form").Validform({
        tiptype: function (msg) {
            layer.msg(msg);
        },
        btnSubmit: '#sub',
        tipSweep: true,
        // ajax 提交
        ajaxPost:true,
        callback: function (t) {
            if (t.code == 200) {
                layer.msg('正在跳转请稍候！');

                setTimeout(function(){
                    layer.closeAll('loading');
                    // 跳转页面
                    location.href = "{:url('shop/login/verif')}";
                }, 3000);

            }else {
                layer.msg(t.message);
            }

        }
    });
});

</script>
</html>